<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>洛璃的网站</title>

    <!-- 内部样式 -->
    <style>
        /* css代码书写位置 */
        /* 内部样式与外部样式书写规范

            选择器{
                在选择器下元素生效的样式
            }
            选择器：辅助选中元素的工具
            种类：
            1.标签选择器   通过标签名去选取
            2.class选择器  通过class值选中的元素
            3.id选择器

        */
        p{
            color: brown;
        }
        .blue{
            color: blue;
        }
    </style>
    <!-- 引入外部样式 -->
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 什么是css?
        层叠样式表
        为html服务的计算机语言
    
        css书写样式:
        1.内联样式  书写到标签内部通过style属性去进行设置
                    样式的书写格式：样式名1:样式值1;样式名2:样式值2;
        2.内部样式  书写到head标签内部，通过style标签包裹起来的内容区域
        3.外部样式  书写到文件外部，以单独的css文件存放css代码，然后通过link标签引入到head区域引入到当前页面
    -->

    <h1 style="color: red;">碧蓝档案</h1>
    <p class="blue">你曾听说过关于背负责任之人的事情吧</p>
    <p>虽然那时的我还不能明白</p>
    <p>但现在我能理解了</p>
    <p>所谓大人的「责任」与「义务」</p>
    <p>以及在那条延长线上的，您的选择</p>
    <p>還有它所代表的想法</p>
    <p>所以 老师</p>
    <p class="blue">如果是你这个，能让我相信的大人的话</p>
    <p>一定能找到与这扭曲的终点所不同的 另一个结局…</p>
    <p>所以 老师 请您一定…</p>
    <br><br><br>
    <!-- 外部 -->
    <strong>这是strong标签</strong>
</body>
</html>